<template>
  <div>
      <el-table :data="tableData" stripe class="tableClass">
        <el-table-column prop="srk" label="收入款项" width="280" align="center"></el-table-column>
        <el-table-column prop="srzb" label="收入占比" width="280" align="center"></el-table-column>
        <el-table-column prop="zck" label="支出款项" width="280" align="center"></el-table-column>
        <el-table-column prop="zczb" label="支出占比" width="280" align="center"></el-table-column>
        <el-table-column prop="bxk" label="报销款项" width="280" align="center"></el-table-column>
        <el-table-column prop="ylbk" label="预留拨款" width="280" align="center"></el-table-column>
      </el-table>
  </div>
</template>

<script>

export default {
  name: "JFZC",
  components: {
    // JGIndex: ()=> import('../JGList/JGIndex.vue'),
  },

  data() {
    const items = {
      srk: '123万',
      zck: '72万',
      bxk: '89万',
      srzb: '23%',
      zczb: '48%',
      ylbk: '79%',
    };

    return {
      tableData: Array(20).fill(items),
      dialogVisible: false,

    };
  },
  mounted() {
    
  },

  methods: {

    
    
  },
};
</script>

<style lang="less" scoped>

/deep/ .el-table thead {
  color: #000000;
  font-weight: 500;
}
.el-table{
  color: rgb(0, 0, 0);
  font-size: 24px;
}
.tableClass{
  padding: 50px 0 50px 0;
}

</style>
